html, body {
	width:99%;
	background-color:#fff;
	color:#666;
	font-family: "Trebuchet MS", Arial;
	font-size:12px;
	text-align:center;
}
a{text-decoration:none;}

#root {
	width: 97%;
	margin: 10px auto 0px auto;
	text-align:left;
}

#root #cabezera{
	text-align:left;
}

#root #cabezera #titulo{
	color:#AFEEEE;
	font-size:500%;
}
#root #cabezera #titulo span{
	color:#5F9EA0;
}
#root #cabezera #subtitulo{
	font-size:140%;
	line-height:1px;
	padding-left:140px;
}

#root  #cuerpo{
	width:100%;
	height:450px;
	border:1px solid #ddd;
	padding:10px;
	margin:10px 0px 10px 0px;
	-moz-border-radius:5px;
}
#root #cuerpo #contenido{
	height:390px;
	padding:5px;
	font-size:100%;
	text-align:center;
}


#root #cuerpo #contenido .window{
	border:1px solid #ddd;
	margin: 100px auto;
}
#root #cuerpo #contenido .window .cabeza{
	text-align:center;
	color:white;
	background:#9ACD32;
	height:17px;
}
#root #cuerpo #contenido .window .input{
	margin-top:10px;
	background:white;
	border:1px solid #ccc;
}
#root #cuerpo #contenido input{
	border:1px solid #999;
	background:#eee;
}
#root #cuerpo #contenido input:hover{
	background:#ddd;
}
#root #cuerpo #contenido input:active{
	background:#333;
	color:#ddd;
}

/*=========== login ==========*/
#root #cuerpo #contenido #login{
	width:300px;
	height:130;
}
#root #cuerpo #contenido #login .cuerpo{
	height:80px;
	text-align:center;
}
#root #cuerpo #contenido #login .btones{
	padding:8px 20px;
	height:33px;
	float:right;
}
#root #cuerpo #contenido #login .cuerpo .titulo{
	padding-top:30px;
}
#root #cuerpo #contenido #login .cuerpo #ncontrol{
	margin-top:10px;
	background:white;
	border:1px solid #ccc;
	text-align:center;
}

/*========== registrar ===========*/
#root #cuerpo #contenido #registrar{
	width:650px;
	height:230px;
	border:1px solid #ddd;
	margin:30px auto;
}

#root #cuerpo #contenido #registrar .cuerpo{
	padding-top:10px;
	padding-right:30px;
	padding-left:30px;
	font-size:90%;
}
#root #cuerpo #contenido #registrar .cuerpo p{
	text-align:justify;
}
#root #cuerpo #contenido #registrar .cuerpo form{

}
#root #cuerpo #contenido #registrar .cuerpo form label span{
	color:#DAA520;
}
#root #cuerpo #contenido #registrar .cuerpo .input{
	margin-top:10px;
	background:white;
	border:1px solid #ccc;
	padding-left:5px;
}
#root #cuerpo #contenido #registrar .cuerpo input{
	margin-top:20px;
}
/*===============================*/
/*=============password=============*/
#root #cuerpo #contenido #password{
	width:300px;
	height:130px;
}
#root #cuerpo #contenido #password .cuerpo{
	height:80px;
	text-align:center;
}
#root #cuerpo #contenido #password .btones{
	padding:8px 20px;
	height:33px;
	float:right;
}
#root #cuerpo #contenido #password .cuerpo .titulo{
	padding-top:30px;
}
#root #cuerpo #contenido #password .cuerpo #pass{
	margin-top:10px;
	background:white;
	border:1px solid #ccc;
	text-align:center;
	
}
/*===============================*/
#root #cuerpo #contenido #panel{
	
}
#root #cuerpo #contenido #panel #propuesta{
	cursor:default;
	width:48%;
	float:right;
}

#root #cuerpo #contenido #panel #propuesta .titulo{
	letter-spacing:7px;
	text-align:center;
	border:1px solid #eee;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	background:#aaa;
	color:#fff;
}
#root #cuerpo #contenido #panel #propuesta #desicion{
	height:370px;
}
#root #cuerpo #contenido #panel #propuesta #desicion h1{
	text-align:center;
	font-size:12px;
	text-transform:lowercase;
	letter-spacing:15px;
}
#root #cuerpo #contenido #panel #propuesta .eleccion{
	padding:10px 5px;
	height:35px;
	font-size:11px;
}
#root #cuerpo #contenido #panel #propuesta .eleccion:hover{
	background:#eee;
}
#root #cuerpo #contenido #panel #propuesta .eleccion .nombre{
	letter-spacing:2px;
	padding-left:10px;
	font-size:11px;
	width:260px;
	float:left;
}
#root #cuerpo #contenido #panel #propuesta .eleccion .caracteristicas {
	float:right;
	width:55px;
	text-align:right;
	font-size:9px;
	padding-right:5px;
}
.eleccion .close{
	float:left;
	margin-left:-5px;
	margin-top:-10px;
}
.eleccion .ctrl_desicion{
	float:right;
	margin-top:-8px;
}
.eleccion .ctrl_desicion img, .eleccion img{
	border:1px solid #fff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display:block;
}
.eleccion .ctrl_desicion img:hover, .eleccion img:hover{
	border:1px solid #ddd;
	-moz-border-radius:5px;
	filter:alpha(opacity=100);
	-moz-opacity: 100;
	opacity: 100;	
}
.eleccion .ctrl_desicion img:active, .eleccion img:active{
	background:#999;
}
#root #cuerpo #contenido #panel #propuesta #dpm{
	margin-top:10px;
	text-align:right;
}
#root #cuerpo #contenido #panel #cursos{
	cursor:default;
	width:48%;
	float:left;
}
#root #cuerpo #contenido #panel input.text{
	background:#FBFBFB none repeat scroll 0 0;
	border:1px solid #E5E5E5;
	font-size:24px;
	margin-bottom:16px;
	margin-right:6px;
	margin-top:2px;
	padding:3px;
	width:97%;
	color:#999;
}
#root #cuerpo #contenido #panel input.button{
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border:1px solid #AAAAAA;
	font-size:14px;
	padding:3px;
	width:100px;
}
#root #cuerpo #contenido #panel #cursos .titulo{
	letter-spacing:7px;
	text-align:center;
	border:1px solid #eee;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	background:#aaa;
	color:#fff;
}
#root #cuerpo #contenido #panel #cursos  ul{
	margin:0pt;
	padding:0pt;
	height:370px;
	overflow:auto;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#root #cuerpo #contenido #panel #cursos li{
	margin:0pt;
	padding:5px;
	height:40px;
	border:1px solid #ddd;
}

#root #cuerpo #contenido #panel #cursos li:hover{
	background:#eee;
	color:#5F9EA0;
}
#root #cuerpo #contenido #panel #cursos li:active{
	background:#222;
}
#root #cuerpo #contenido #panel #cursos li .nombre{
	width:250px;
	float:left;
	text-transform:lowercase;
	letter-spacing:2px;
	font-size:11px;
}
#root #cuerpo #contenido #panel #cursos li .nombre .idmat{
	padding-right:5px;
	color:#999;
}
#root #cuerpo #contenido #panel #cursos li .caracteristicas{
	text-align:right;
	font-size:9px;
	float:right;
}
#root #cuerpo #contenido #panel #propuesta  ul{
	margin:0pt;
	padding:0pt;
	height:370px;
	overflow:auto;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#root #cuerpo #contenido #panel #propuesta li{
	margin:0pt;
	padding:5px;
	height:40px;
	border:1px solid #ddd;
}

#root #cuerpo #contenido #panel #propuesta li:hover{
	background:#eee;
	color:#5F9EA0;
}
#root #cuerpo #contenido #panel #propuesta li .nombre{
	width:250px;
	float:left;
	text-transform:lowercase;
	letter-spacing:2px;
	font-size:11px;
}
#root #cuerpo #contenido #panel #propuesta li .nombre .idmat{
	padding-right:5px;
	color:#999;
}
#root #cuerpo #contenido #panel #propuesta li .caracteristicas{
	text-align:right;
	font-size:9px;
	float:right;
}
#reticula{
	z-index:100;
	top:5px;
	left:5px;
	position:absolute;
	width:1100px;
	height:94%;
	padding:10px;
	background:#fefefe;
	-moz-border-radius:5px;
}
#reticula #materias{
	width:1480px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}
#reticula #materias ul{
	margin:0px;
	padding:0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
}
#reticula #materias li{
	border:2px solid #ddd;
	width:150px;
	height:40px;
	margin:3px;
	text-align:center;
	font-size:11px;
	padding:5px;
	padding-top:10px;
	cursor:default;
}
#reticula #materias li:hover{
	border:2px solid red;
}
#reticula #materias li b{
	display:block;
}
#reticula #materias li.color1{
	background:#7CB8FC;
}
#reticula #materias li.color2{
	background:#AFD2FA;
}
#reticula #materias li.color3{
	background:#D4E8FF;
}
#reticula #materias li.color4{
	background:#FF87B5;
}
#reticula #materias li.color5{
	background:#FC9AC0;
}
#reticula #materias li.color6{
	background:#FCC7DC;
}
#reticula #materias li.color7{
	background:#FCC7DC;
}
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 2px;
	background: #ddd;
	-moz-border-radius:5px 5px 0px 0px;
}
.custom-text {
	font-size: 12px;
	padding: 4px 8px 8px;
	background: #efefef;
	-moz-border-radius:0px 0px 5px 5px;
}
.onshadow{
	filter:alpha(opacity=30);
	opacity:.3;
}
#links{
	text-align:left;
}
#links a{
	color:#0000CC;
	margin-right:3px;
	font-family:arial,sans-serif;
}
#ayuda{
	text-align:left;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	padding:5px;
	margin-top:5px;
}
#ayuda span{
	border-left:8px solid #999;
	padding-left:2px;
	margin-right:10px;
}
/* ========== menu ============ */
#root #cuerpo #contenido #menu{
	width:95%;
	height:57px;	
	padding:10px;
	background:#fff;
	border:1px solid #eee;
	-moz-border-radius:5px;
	cursor:default;
	float:right;
}
#root #cuerpo #contenido #menu .titulo{
	float:right;
	color:#666;
	font-size:20px;
	line-height:5px;
	padding-right:10px;
}

#root #cuerpo #contenido #menu ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#root #cuerpo #contenido #menu li{
	float:right;
	padding-right:25px;
	border:1px solid #ddd;
	padding:5px;
	margin-right:10px;
	-moz-border-radius:10px;
	background:#eee;
}
#root #cuerpo #contenido #menu li span{
	display:none;
}
#root #cuerpo #contenido #menu li:hover span{
	display:inline;
	font-weight:bold;
	font-size:13px;
}
#root #cuerpo #contenido #menu li:hover{
	border:1px solid #999;
	background:#ddd;
}
#root #cuerpo #contenido #menu li:active{
	background:#ccc;
}
#root #cuerpo #contenido #info{
	padding-top:20px;
	clear:both;
}
#root #cuerpo #contenido #info p{
	width:700px;
	text-align:justify;
	margin:0px auto;
	margin-bottom:10px;
	color:#567A7A;
	font-size:16px;
}
#root #cuerpo #contenido #info h2{
	color:#567A7A;
	width:700px;
	margin:20px auto;
	letter-spacing:5px;
	text-align:left;
	font-size:28px;
}
#root #cuerpo #contenido .error{
	text-align:center;
	color:red;
	font-weight:bold;
}
#root #cuerpo #contenido .ok{
	text-align:center;
	color:green;
	font-weight:bold;
}
#root #cuerpo #contenido h2#totalm{
	display:inline;
	margin:0px 10px;
	font-size:24px;
	font-weight:normal;
}
/*===============================*/
#root  #pie{
	color:#999;
	width:100%;
	padding:5px;
	text-align:center;
	font-size:100%;
}
#root .loading{
	text-align:center;
	margin-top:190px;
}
#root .ajax-loading {
	background: url(images/spinner.gif) no-repeat center;
}
#root .hide{
	display:none;
}
#root .show{ 
	display:block;
}
.dis{
	z-index:100;
	display: none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.dis h1{
	padding:5px;
	background:#111;
	margin-top:275px;
	vertical-align:middle;
	text-align:center;
	color:#444;
}
/* reporte */
#root #cuerpo #contenido #resultados #reporte{
	height:335px;
	padding:5px;
	cursor:default;
	overflow:auto;
	margin-left:20px;
	margin-top:20px;
}
#root #cuerpo #contenido #resultados .titulo{
	letter-spacing:7px;
	text-align:center;
	border:1px solid #eee;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	background:#aaa;
	color:#fff;	
}
#root #cuerpo #contenido #resultados #submenu{
	text-align:right;
	padding:5px;
}
#resultados #reporte .elgraph{
	display:block;
	width:520px;
	height:65px;
	border:1px solid #999;
	-moz-border-radius:10px;
	margin:10px;
}
#resultados #reporte .elgraph img{
	display:none;
}
#resultados #reporte .elgraph:hover img{
	display:block;
	border:0px;
	margin-left:580px;
}
#resultados #reporte #top10{
	background:#ddd url(images/est_top10.png) no-repeat scroll 10px 50%
}
#resultados #reporte #top10:hover{
	background:#eee url(images/est_top10b.png) no-repeat scroll 10px 50%
}
#resultados #reporte #topMe{
	background:#ddd url(images/est_topme.png) no-repeat scroll 10px 50%
}
#resultados #reporte #topMe:hover{
	background:#eee url(images/est_topmeb.png) no-repeat scroll 10px 50%
}
#resultados #reporte #topGr{
	background:#ddd url(images/est_topgr.png) no-repeat scroll 10px 50%
}
#resultados #reporte #topGr:hover{
	background:#eee url(images/est_topgrb.png) no-repeat scroll 10px 50%
}
#resultados #reporte #topMe.elgraph:hover img{
	margin-top:-76px;
}
#resultados #reporte #topGr.elgraph:hover img{
	margin-top:-130px;
}
